<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./jquery/jquery-1.8.2.js"></script>
    <script src="./js/Jy-select.js"></script>
    <link rel="stylesheet" href="./css/Jy-select.css">
    <link rel="stylesheet" href="./icon/iconfont.css">
</head>
<body>
    <div id="multi"></div>
</body>
</html>
<script>
    var s = $("#multi").JySelect({
        mode: "signle",//multiple signle
        // height: "300px",
        key: "key",
        value: "value",
        check: true,  // false, true
        view: {
            radius: false,
            theme: "green",
            separator: "-",
            input: {

            },
            panel: {

            }
        },
        data: [
            {
                key: "1",
                value: "测试1",
            },{
                key: "2",
                value: "测试2"
            },{
                key: "3",
                value: "测试3"
            }
        ],
        selected: ['1','2'],
    });
    s.addHooks("afterClick", function(detail, args) {
        // debugger
    })
</script>